.bookingContainer {

}



.bookingContainer_top_deco_container {
  width: 25%;
  aspect-ratio: 388/582;

  position: absolute;
  right: 0px;
  top: 3%;
  z-index: 2;
  pointer-events: none;
  max-width: 200px;
}

.bookingContainer_top_deco {
  width: 100%;
  aspect-ratio: 388/582;
  background-image: url(../images/deco_swing_ball_red.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
  animation: 2s swing linear infinite;
  transform-origin: top;

  animation: 2s swing linear infinite;
  transform-origin: top;
  pointer-events: none;
}

.bookingContainer_top_deco_container::before {
  content: "";
  width: 100%;
  aspect-ratio: 368 / 212;
  display: block;
  position: absolute;
  top: -32px;
  background-image: url(../images/deco_green_memo.png);
  background-size: contain;
  z-index: 1;
}

.bookingContainer_main {
  /* height: 100%; */
  width: 100%;
  margin-top: 60px;
  padding-top: 20px;
  min-height: 100vh;
}
/* .bookingContainer_main_step1 {
  width: 100%;
  height: 100%;
  background-image: url(../images/paper_bg_booking.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding-top: 10%;
  margin-top: 80px;
  z-index: 1;
} */




.bookingContainer_main_step1_top_sessionContainer_title_text {
  min-width: 166px;
  background-image: url(../images/booking_session_title_memo.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  text-align: center;
  /* align-content: center; */
  color:  #242711;
  text-align: center;
  font-family: "Josefin Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 70px;
  position: absolute;
  margin-top: -24px;
  height: 70px;
}












.bookingContainer_main_step2 {
  width: 100%;
  /* height: 100%; */
  display: flex;
  flex-direction: row;
  padding-inline: 4%;
  justify-content: center;
  padding-bottom: 200px;
  gap: 7%;
  align-items: flex-end;
  margin-top: 48px;
}


.photoContainer {
  width: 50%;
  transform: rotate(-2.845deg);
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.photoContainer img {
  width: 100%;
  object-fit: cover;
}
.bookingContainer_main_step2_left_cookieContainer {
  width: 100%;
  aspect-ratio: 242/203;
  background-image: url(../images/santa_cookie_photo_bg.png);
}








.item_numEditor {
  padding: 8px 16px;
  border-radius: 62px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  position: relative;
}








.cancelChangeBtns {
  color: #fcfcfc;
}



.bookingContainer_main_step2_left_photo p {
  width: 248px;
  color: #0a1612;
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}


.workshop .deco_gold_star {
  display: block;
  width: 4%;
  min-width: 68px;
  aspect-ratio: 68/83;
  background-image: url(../images/deco_start_gold_big.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 0px;
  left: 90%;
  right: 10%;
  animation: 3s bounce ease-in-out infinite;
}

.deco_yellow_star {
  display: block;
  width: 2%;
  min-width: 31px;
  aspect-ratio: 1/1;
  background-image: url(../images/deco_star_yellow_small.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: -29px;
  left: 95%;
  animation: 3s bounce ease-in-out infinite;
}







.changeLangpopup .mfp-close {
  /* display: block; */
}







.bookingContainer_top_progress_container {
  display: flex;
  align-items: flex-start;
  /* width: 20%; */
}

.bookingContainer_top_progress_1,
.bookingContainer_top_progress_2,
.bookingContainer_top_progress_3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}















.booking .deco_yellow_star {
  display: block;
  width: 1%;
  min-width: 31px;
  aspect-ratio: 1 / 1;
  background-image: url(../images/deco_star_yellow_small.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: -29px;
  left: -10%;
  animation: 3.2s bounce ease-in-out infinite;
}

@media (max-width: 960px) {
  .bookingContainer_main_step1_bottom_row.nameInput {
    margin-top: 50px;
  }
  .bookingContainer_main_step1_bottom_deco_star2 {
    display: block;
    position: absolute;
    left: 16%;
    top: 24%;
    width: 21px;
    height: 21px;
    transform: rotate(17.65deg);
    background-image: url(../images/deco_star_yellow_small.png);
    background-size: 100% auto;
    animation: 3.2s bounce ease-in-out infinite;
    display: none;
  }
  .bookingContainer_main_step1_bottom_deco_star1 {
    display: block;
    width: 4%;
    min-width: 10px;
    aspect-ratio: 68 / 83;
    background-image: url(../images/deco_start_gold_big.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 35%;
    left: 7%;
    animation: 3s bounceRe ease-in-out infinite;
    display: none !important;
  }
  .timeslot {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    list-style: none;
    margin-bottom: 12px;
  }
  .bookingContainer_top_progress_back {
    left: 50px;
    transform: translateY(0px);
  }

  .bookingContainer_top_progress_divisionLine {
    width: auto;
    min-width: 50px;
    height: 2px;
    background: #b8a16f;
    transform: translateY(-20px);
  }

  
  .bookingContainer_top_deco_container {
    display: none;
  }
  .bookingContainer_main_step2_right .divisionLine {
    width: 100%;
  }

  .bookingContainer_main_step2 {
    width: 100%;
    /* height: 100%; */
    display: flex;
    flex-direction: column;
    padding-inline: 0%;
    justify-content: center;
    padding-bottom: 300px;
    align-items: center;
  }
  .session_container {
    padding: 40px 15px;
    padding-top: 10px;
  }
  .bookingContainer_main_step1_bottom {
    margin-top: 40px;
  }

  .timeslot_option {
    white-space: nowrap;
  }


  .session_container_timeslot {
    min-width: 284px;
           width: 100%;
        margin: auto;
        max-width: 345px;
        padding: 14px;
  }
  .session_container_timeslot_container {
    margin-left: 0px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 4px;
  }
  .bookingContainer_main_step1_bottom_deco_star1 {
    display: block;
    width: 4%;
    min-width: 10px;
    aspect-ratio: 68 / 83;
    background-image: url(../images/deco_start_gold_big.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 35%;
    left: 7%;
    animation: 3s bounceRe ease-in-out infinite;
  }
  .bookingContainer_main_step1_top_calendarContainer {
    margin-top: 0;
  }
  .bookingContainer_main_step1_bottom_deco {
    width: 100%;
    position: relative;
    bottom: 0px;
    left: 0px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    /* z-index: -1; */
    margin-top: 100px;
  }

  


  



  .bookingContainer_main_step2_right_btnContainer {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2%;
    flex-wrap: wrap;
    justify-content: center;
    min-width: 340px;
    margin-top: 54px;
  }

  .bookingContainer_main_step2_right_btnContainer .btnWrapper {
    width: 100%;
    min-width: 150px;
    max-width: 100%;
  }



  
  .bookingContainer_main_step2_right .remark {
    width: 100%;
  }








  .bookingContainer_main {
    /* height: 100%; */
    width: 100%;
    margin-top: 20px;
    padding-top: 20px;
    min-height: 100vh;
  }

.session_container_timeslot_container{
    padding: 0 16px;
  }
}


@media (max-width:460px){
  .bookingContainer_main_step1_container{
    width: 340px !important;
    padding: 0 10px !important;
  }
  .session_container_peakTime {
    gap: 8px;
  }
}